4000-888-103

资讯动态如何用扭曲工具快速强化作品设计感资讯详情

如何用扭曲工具快速强化作品设计感

2019-12-09 16:25:42

  大家好,我是研习设的K先生。这期为大家带来的内容是《扭曲在设计里面的应用技巧》,我们在日常工作中几乎离不开扭曲和变形工具,它可以帮助一个设计师校正一个元素的透视关系,或者为设计好的标志贴效果图。除了这些日常的应用以外,扭曲工具还有哪些有趣的应用场景呢?我们今天的内容就会帮你找到答案。

  以下是图文版:

  


  


  从宏观的角度来讲,这种扭曲的手法,它设计出的版面变化方式是非常多的,我们将比较熟悉的文字进行扭曲,是可以呈现出其它的表现形式的。

  


  比如说,最左侧这个海报,我们不光能看出来它的文字信息,还具有楼梯的印象;中间的这个海报,它把文字变换成了晾衣绳的感觉;我们再看最右侧的这个海报,很明显它就是一把扇子对吧。

  


  


  这种表现形式它是比较抽象的,再加上它能够变异成其它的形状,所以,这种版面风格也会传递出一种趣味感。

  


  


  我们在现实生活当中扭曲的图像,它属于一种光学的现象,比方说哈哈镜,它就是利用了这个原理,表面凹凸不平的镜面,反映出人像或者是物体的扭曲面貌,进而产生了幽默感。

  


  生活当中的望远镜放大镜显微镜,也都是利用了这种,凹凸的透镜原理来实现的。

  


  我们人类还处于原始的时期,就已经开始运用绘画来记录身边的事物,在经过不断的发展,艺术家它们的绘画技艺也变得越来越逼真,甚至达到了和照片难辨真假的程度。我们当写实的风格几乎走到极致的时候,艺术家他们为了寻找新的艺术发展方向,画风就开始变得扭曲起来,变得抽象起来,从而产生了超现实的艺术流派。

  


  我们将本来是圆形的西瓜和篮球限定在一个圆角矩形的这种做法,也是一种抽象的思维方式。

  


  


  在这里边我们为大家划分了五种常用的表现技巧,这些都是我们日常工作当中经常用到的一个扭曲技巧,我们分别介绍给大家,首先第一个就是液化这个工具。液化这个滤镜应该算是非专业人员都会知道的美颜功能,这个ps滤镜被用在了各种美艳的app里边,这种夸张的艺术创作在漫画里面是经常出现的。

  


  我们来通过网格感受一下液化命令到底是出现了哪些变化,液化的好处就是能够根据实际情况手动调节画面的扭曲幅度。它的自由度比较高,但是它的缺点也是自由度比较高,所以难度会比较大一些。

  


  在设计的过程当中,也可以运用这个功能来刻画主体,产生一种遮挡的效果。我们也可以通过扭曲让文字的部分结构变得不容易认读,这就能达到设置悬念这个作用,我们也可以通过其它不同幅度的扭曲变形,达到自己想要的那个状态。我们看上图是日本TDC的获奖作品之一,作者是村上雅士,它运用的就是液化功能,将原本很平淡的版面,通过扭曲的变化,达到了吸引眼球的艺术效果。

  


  这个是台湾设计师聂永真,他为2017年金点概念设计奖制作的主视觉海报,这个海报它以不规则的曲线呈现,并且搭上充满想象的文案,有耳目一新的形象。

  


  下面我们来看一下球面化的工具,我们大家都知道,杯子中的水具有扭曲光线的作用,我们插到水里边的这个笔它就会产生扭曲的现象,这个就是光的折射。我们在设计当中进行简单的图像合成时,也需要遵守这个物理定律。

  


  我们这里边通过网格来看一下这种形态的具体表现,顾名思义球面化的命令就是能够将选区内的画面进行球面的扭曲。它适合用在图像合成或者是还原真实性的场景里面,我们通过调整不同的幅度,产生不同的鱼眼效果。

  


  除了基本的球面化扭曲,我们这个选择里边还提供了水平和垂直的变化,形成类似圆柱体的表面效果。我们在产品贴图图像和形象的领域是经常用到这个东西的,我们调整不同的扭曲幅度,能够完美的让图像贴合到柱状的弧形表面上。

  


  这里边给大家准备了一个案例,我们给它添加一个气泡,然后再产生一些光影的效果,如果说我想让这个画面变得更真实一些,我们在设计的时候就要考虑到物理定律,这个时候就可以用球面化的命令。我们让圆形下面的文字产生光线折射的感觉,调节选项中的滑块,找到那个最接近真实的反射效果。

  


  这个案例是我们研习设之前教程里边提供的一个案例,我们看图中这个玻璃球和文字的衔接部分,用的就是球面化的效果。我们只看右侧这个对比图,你可以明显感觉出来,底部这个经过修改后的细节是更真实的,文字经过玻璃的反射,它一定会产生扭曲的视觉印象。

  


  下一个给大家介绍一下极坐标,极坐标这个词听上去会比较陌生一些,但是你会非常熟悉,比如说这个启动画面,这个是PS cc版本的启动插图,它就是运用极坐标的命令实现的效果。除了能够实现从内部向外旋转的这个洞穴效果,还可以表现成类似于球体的效果。

  


  我们继续通过网格来看一下它的扭曲原理,这里边给大家做了一个细节的一个变化,是为了方便大家观察它的扭曲方向,我们给这个网格添加了颜色,顶部是蓝色,底布是红色,接下来我们为它执行极坐标的命令。


上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png